page{
	position: relative;
	width: 100%;
}
.oexswap{
	position: absolute;
	width: 100%;
	height:auto;
	min-height: 100%;
	background: #FC355F;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	
}

.bg{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 50%;
}
.titleContent{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	/* padding: 0 36rpx 0 65rpx; */
	margin-top: 100rpx;
	position: relative;
}
.backIcon{
	
	width: 65rpx;
	height: 65rpx;
	border-radius: 50rpx;
	position: absolute;
	left:60rpx;
	top: 10rpx;
}
.title{
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.title image{
	width: 87rpx;
	height: 87rpx;
	margin-bottom: 20rpx;
}
.title text{
	font-size: 16px;
	color: #FFFFFF;
}
.right{
	position: absolute;
	right: 36rpx;
	top: 20rpx;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}
.right text{
	font-size: 13px;
	color: #FFFFFF;
	margin-right: 20rpx;
}
.userName{
	width: 150rpx;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	
}
.right image{
	width: 36rpx;
	height: 36rpx;
}
.box{
	width: calc(714rpx - 94rpx);
	min-height: 1160rpx;
	height: auto;
	background: #141426;
	opacity: 1;
	border-radius: 65rpx;
	z-index: 3;
	margin-top: 38rpx;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding: 20rpx 47rpx;
}
.boxTitle{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	align-items: center;
	margin-top: 14rpx;
	margin-bottom: 36rpx;
}
.titleText{
		font-size: 14px;
		color: #8687A3;
		padding: 7rpx 13rpx;
}
.active{
	font-weight: 600;
	color: #00C9A7;
	font-size: 16px;
	border-bottom: 2px solid #00C9A7;
}
.duihuan{
	width: 100%;
	height: 90%;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.view1{
	width: calc(100% - 36rpx);
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 36rpx;
	padding: 0 18rpx;
}
.view1 text{
	font-size: 14px;
	color: #8687A3;
}

.view2{
	width: calc(620rpx - 54rpx);
	height: 109rpx;
	background: #32334A;
	opacity: 1;
	border-radius: 18rpx;
	padding: 0 27rpx;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 10rpx;
}
.view2Left{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items:center;
}
.bin{
	width: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
}
.oexbinIcon{
	width: 60rpx;
	height: 60rpx;
	border-radius: 50rpx;
	margin-right: 11rpx;
}

.bin :first-child{
	font-size: 14px;
	color: #FFFFFF;
}
.bin :last-child{
	font-size: 12px;
	color: #8687A3;
}
.oexdown{
	width: 24rpx;
	height: 15rpx;
}
.view2Right{
	font-size: 14px;
	color: #FFF0FF;
	font-weight: bold;
}
.oexicon2{
	width: 43rpx;
	height: 43rpx;
	margin: 33rpx 0 25rpx;
}
.price{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.price image{
	width: 22rpx;
	height: 22rpx;
	margin-left: 20rpx;
}
.oexbtn{
	width:100% ;
	height: 116rpx;
	margin-top: 63rpx;
}
.amountPlaceholder{
	color: #8687A3;
	font-size: 13px;
	text-align: right;
}
.amount{
	font-size: 13px;
	color: #FFFFFF;
	text-align: right;
}
.view3{
	width: 620rpx;
	min-height: 391rpx;
	height: auto;
	background: #32334A;
	opacity: 1;
	border-radius: 18rpx;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	margin-top: 72rpx;
}
.view3_1{
	width: calc(100% - 48rpx);
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding: 20rpx 24rpx;
	border-bottom: 1rpx solid rgba(255,255,255,0.15);
}
.text1{
	font-size: 14px;
	color: #8687A3;
	margin-bottom: 7rpx;
}
.text2{
	font-size: 14px;
	color: #FFFFFF;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.text2 image{
	width: 22rpx;
	height: 20rpx;
	margin-left: 5rpx;
}
.text3{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.view3_1 .oexquestion{
	width: 29rpx;
	height: 29rpx;
	margin-left: 10rpx;
}
/* 创建市场 */
.box1{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	height: auto;
	margin-top: 65rpx;
}
.box1Left{
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}
.box1Left .box1Left-title{
	width: calc(344rpx - 48rpx);
	font-size: 14px;
	color: #FFFFFF;
}
.box2Right .box1Left-title{
	width: calc(239rpx - 48rpx);
	font-size: 14px;
	color: #FFFFFF;
}
.binBox{
	width: calc(344rpx - 48rpx);
	height: 91rpx;
	background: #32334A;
	opacity: 1;
	border-radius: 18rpx;
	margin-top: 11rpx;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding: 0 24rpx;
	align-items: center;
	color: #8687A3;
	font-size: 13px;
}
.binBox2{
	width: calc(239rpx - 48rpx);
	height: 91rpx;
	background: #32334A;
	opacity: 1;
	border-radius: 18rpx;
	margin-top: 11rpx;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding: 0 24rpx;
	align-items: center;
	color: #8687A3;
	font-size: 13px;
}
.binBox image{
	width: 24rpx;
	height: 15rpx;
	margin-left: 13rpx;
}
.numberPlace{
	color: #8687A3;
	font-size: 13px;
}
.binBox2 input{
	font-size: 13px;
	color: #FFFFFF;
}
.box2{
	width: 618rpx;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	margin-top: 36rpx;
}
.box2 text{
	width: calc(618rpx - 48rpx);
	font-size: 14px;
	color: #FFFFFF;
	padding: 0 24rpx;
}
.assetesName{
	width: calc(618rpx - 48rpx);
	min-height: 91rpx;
	height: auto;
	background: #32334A;
	opacity: 1;
	border-radius: 18rpx;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	font-size: 13px;
	color: #ffffff;
	margin-top: 18rpx;
	padding: 0 24rpx;
}
.tips{
	width: calc(618rpx - 48rpx);
	padding: 0 24rpx;
	height: auto;
	margin-top: 33rpx;
	color: #8687A3;
	font-size: 13px;
}
.confirmBtn{
	width: 618rpx;
	height: 116rpx;
	margin-top: 183rpx;
}
/* 选择币种 */
.selectbox1{
	width: 100%;
	height: auto;
	padding: 20rpx 0;
	text-align: center;
	font-size: 15px;
	color: #FFFFFF;
	position: relative;
	margin-top: 23rpx;
}
.selectClose{
	width: 43rpx;
	height: 43rpx;
	border-radius: 50rpx;
	position: absolute;
	top: 0;
	right: 0rpx;
}
.search{
	width: calc(641rpx - 58rpx);
	height: 72rpx;
	background: #8687A3;
	box-shadow: 0px 9rpx 18rpx rgba(0, 0, 0, 0.16);
	opacity: 1;
	margin-top: 34rpx;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	padding: 0 29rpx;
	border-radius: 50rpx;
}
.search image{
	width: 27rpx;
	height: 27rpx;
	margin-right: 20rpx;
}
.search input{
	width: calc(100% - 47rpx);
	font-size: 13px;
	color: #FFFFFF;
}
.tips2{
	width: calc(641rpx - 27rpx);
	height: auto;
	padding-left: 27rpx;
	font-size: 13px;
	color: rgba(255,255,255,0.5);
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	margin-top: 20rpx;
	margin-bottom: 42rpx;
}
.tips2 image{
	width: 29rpx;
	height: 29rpx;
	margin-left: 10rpx;
}
.line{
	width: 714rpx;
	height: 29rpx;
	background: #8687A3;
	opacity: 0.1;
	border-top: 2rpx solid rgba(255,255,255,0.2);
	border-bottom: 2rpx solid rgba(255,255,255,0.2);
}
.list{
	width: 714rpx;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	height: 800rpx;
	overflow-y: scroll;
}
.listItem{
	height: auto;
	width:calc(100% - 54rpx);
	padding: 22rpx 27rpx;
	border-bottom: 1rpx solid rgba(255,255,255,0.2);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.leftblock{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}
.leftblock image{
	width: 54rpx;
	height: 54rpx;
	border-radius: 50rpx;
	margin-right: 18rpx;
}
.leftblock text{
	font-size: 13px;
	color: #FFFFFF;
}
.centerblock{
	font-size: 13px;
	color: rgba(255,255,255,0.5);
}
